<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <h:head>
        <title>Dataflix</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta http-equiv="content-language" content="en" />
        <meta name="description" content="" />
        <meta name="language" content="en" />
        <link type="text/css" rel="stylesheet" href="../css/style.css"/>
        <script>
            $('#firstname').val('');    
        </script>
    </h:head>
    <h:body>
        <f:view>
            <h:form id="login_frm" >
                <table id="head">
                    <tr>
                        <td>
                            <a href="../admin.xhtml"><img style="margin-left:10%;" src="../images/logo.png"/></a>
                        </td>

                        <td>
                            <table id="loginbox">
                                <tr>
                                    <td width="40%">
                                        <span style="font-size: 16px;">
                                            <p>Welcome to the admin page!</p>
                                            Hello!! <h:outputText value="#{user.firstname}"></h:outputText><br/>
                                            Email: <h:outputText value="#{user.email}"></h:outputText></span>
                                        <input type='button' value='Logout' onClick="location.href = '../index.xhtml'" class='button' style="margin-left: 30px; background-color: #999" /> 
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                <div class="bottom"></div>
            </h:form>
            <h:form>
                <center>
                    <table>
                        <tr>
                            <td colspan="3">
                                <table id="list" width="81%">
                                    <tr>
                                        <td>
                                            <h:commandButton action="#" value="Moive List" type="submit" style="width:200px; height: 60px; font-size: 20px; margin: 7px;" />
                                        </td>
                                        <td>
                                            <h:commandButton action="#" value="Employee List" type="submit" style="width:200px; height: 60px; font-size: 20px; margin: 7px; " />
                                        </td>
                                        <td>
                                            <h:commandButton action="#" value="Customer List" type="submit" style="width:200px; height: 60px; font-size: 20px; margin: 7px;" />
                                        </td>
                                         <td>
                                            <h:commandButton action="#" value="Actor List" type="submit" style="width:200px; height: 60px; font-size: 20px; margin: 7px;" />
                                        </td>
                                        <td>
                                            <h:commandButton action="#" value="Order List" type="submit" style="width:200px; height: 60px; font-size: 20px; margin: 7px;" />
                                        </td>
                                        <td>
                                            <h:commandButton action="#" value="Unreturned Moive" type="submit" style="width:200px; height: 60px; font-size: 20px; margin: 7px;" />
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td  valign="top"><table id="newEmployee">
                                    <tr>
                                        <td colspan="2">
                                            <span style="font-size: 20px; margin-left:5px;"><strong>Add New Employee</strong></span><br/><br/>
                                        </td>
                                    </tr>
                                    <tr>   
                                        <td width="100" align="left">

                                            <span style="font-size: 16px; margin-left:5px;">First Name:</span>
                                        </td>
                                        <td width=":300px">
                                            <h:inputText id="firstname"  required="true" requiredMessage="Please enter your first name" value="#{RegisterBean.firstname}" styleClass="input_long" autocomplete="off"/>
                                            
                                        </td>
                                    </tr>
                                    <tr>   
                                        <td width="100" align="left">

                                            <span style="font-size: 16px; margin-left:5px;">Last Name:</span>
                                        </td>
                                        <td width=":300px">
                                            <h:inputText id="lastname"  required="true" requiredMessage="Please enter your last name" value="#{RegisterBean.lastname}" styleClass="input_long" autocomplete="off"/>
                                            
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="100" align="left">
                                            <span style="font-size: 16px; margin-left:5px;">Email:</span>
                                        </td>
                                        <td>
                                            <h:inputText id="email" value="#{RegisterBean.email}" required="true" requiredMessage="Please enter your email" styleClass="input_long" autocomplete="off"/>
                                            
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="100" align="left">
                                            <span style="font-size: 16px; margin-left:5px;">Password:</span>
                                        </td>
                                        <td>
                                            <h:inputSecret id="password" value="#{RegisterBean.password}" required="true" requiredMessage="Please enter your password" styleClass="input_long" autocomplete="off"/>
                                            
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="100" align="left">
                                            <span style="font-size: 16px; margin-left:5px;">Start Date:</span>
                                        </td>
                                        <td>
                                            <h:inputText value="#{RegisterBean.startDate}" styleClass="input_long" autocomplete="off"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" >

                                            <span style="font-size: 16px; margin-left:5px;">Hourly Rate:</span>
                                        </td>
                                        <td>
                                            <h:inputText value="#{RegisterBean.hourlyRate}" styleClass="input_long" autocomplete="off" />
                                        </td>    
                                    </tr>
                                    <tr>
                                        <td align="left">
                                            <span style="font-size: 16px; margin-left:5px;">Address:</span>
                                        </td>
                                        <td>
                                            <h:inputText value="#{RegisterBean.address}"  styleClass="input_long" autocomplete="off"/>
                                        </td>    
                                    </tr>
                                    <tr>
                                        <td calign="left">
                                            <span style="font-size: 16px; margin-left:5px;">SSN: </span>
                                        </td>
                                        <td>
                                            <h:inputText value="#{RegisterBean.ssn}"  styleClass="input_long" autocomplete="off"/>
                                        </td>    
                                    </tr>
                                    <tr>
                                        <td colspan="2" align="left">
                                            <h:commandButton action="#{RegisterBean.registerEmployee}" value="submit" type="submit" 
                                                             style="float: right; margin-top: 10px; margin-right: -20px;" 
                                                             />
                                        </td>    
                                    </tr>
                                    <tr>
                                        <td colspan="2" align="left">
                                            <h:messages style="font-size:14px; color:red;" /> 
                                        </td>    
                                    </tr>
                                    
                                </table></td>
                            <td  valign="top">
                                <table id="newMovie">
                                    <tr>
                                        <td colspan="2">
                                            <span style="font-size: 20px; margin-left:5px;"><strong>Add New Movie</strong></span><br/><br/>
                                        </td>
                                    </tr>
                                    <tr>   
                                        <td width="100" align="left">

                                            <span style="font-size: 16px; margin-left:5px;">Movie Name:</span>
                                        </td>
                                        <td width=":300px">
                                            <h:inputText value="#" styleClass="input_long"/>
                                        </td>
                                        <tr>
                                        </tr>
                                        <td width="100" align="left">
                                            <span style="font-size: 16px; margin-left:5px;">Actors:</span>
                                        </td>
                                        <td>
                                            <h:inputText value="#" styleClass="input_long"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left">

                                            <span style="font-size: 16px; margin-left:5px;">Genre:</span>
                                        </td>
                                        <td>
                                            <h:inputText value="#" styleClass="input_long" autocomplete="off" />
                                        </td>    
                                    </tr>
                                    <tr>
                                        <td align="left">
                                            <span style="font-size: 16px; margin-left:5px;">DistrFee:</span>
                                        </td>
                                        <td>
                                            <h:inputText value="#"  styleClass="input_long" autocomplete="off"/>
                                        </td>    
                                    </tr>
                                    <tr>
                                        <td calign="left">
                                            <span style="font-size: 16px; margin-left:5px;">Copies: </span>
                                        </td>
                                        <td>
                                            <h:inputText value="#"  styleClass="input_long" autocomplete="off"/>
                                        </td>    
                                    </tr>
                                    <tr>
                                        <td calign="left">
                                            <span style="font-size: 16px; margin-left:5px;">Description: </span>
                                        </td>
                                        <td>
                                            <h:inputTextarea value="#"  styleClass="input_area" />
                                        </td>    
                                    </tr>
                                    <tr>
                                        <td calign="left">
                                            <span style="font-size: 16px; margin-left:5px;">Copies: </span>
                                        </td>
                                        <td>
                                            <h:inputText value="#"  styleClass="input_long" autocomplete="off"/>
                                        </td>    
                                    </tr>
                                    <tr>
                                        <td colspan="2" align="left">
                                            <h:commandButton action="#" value="submit" type="submit" style="float: right; margin-top: 10px; margin-right: -20px;" />
                                        </td>    
                                    </tr>
                                </table>
                            </td>
                            <td valign="top">
                                <table id="newActor">
                                    <tr>
                                        <td colspan="2">
                                            <span style="font-size: 20px; margin-left:5px;"><strong>Add New Actor</strong></span><br/><br/>
                                        </td>
                                    </tr>
                                    <tr>   
                                        <td width="100" align="left">

                                            <span style="font-size: 16px; margin-left:5px;">Movie Name:</span>
                                        </td>
                                        <td width=":300px">
                                            <h:inputText value="#" styleClass="input_long"/>
                                        </td>
                                        <tr>
                                        </tr>
                                        <td width="100" align="left">
                                            <span style="font-size: 16px; margin-left:5px;">Actors:</span>
                                        </td>
                                        <td>
                                            <h:inputText value="#" styleClass="input_long"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left">

                                            <span style="font-size: 16px; margin-left:5px;">Genre:</span>
                                        </td>
                                        <td>
                                            <h:inputText value="#" styleClass="input_long" autocomplete="off" />
                                        </td>    
                                    </tr>
                                    <tr>
                                        <td align="left">
                                            <span style="font-size: 16px; margin-left:5px;">DistrFee:</span>
                                        </td>
                                        <td>
                                            <h:inputText value="#"  styleClass="input_long" autocomplete="off"/>
                                        </td>    
                                    </tr>
                                    <tr>
                                        <td calign="left">
                                            <span style="font-size: 16px; margin-left:5px;">Copies: </span>
                                        </td>
                                        <td>
                                            <h:inputText value="#"  styleClass="input_long" autocomplete="off"/>
                                        </td>    
                                    </tr>
                                    <tr>
                                        <td colspan="2" align="left">
                                            <h:commandButton action="#" value="submit" type="submit" style="float: right; margin-top: 10px; margin-right: -20px;" />
                                        </td>    
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        
                    </table>


                </center>

            </h:form>
        </f:view>
    </h:body>
</html>


